<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue环境构建</title>
<!--    通过本地文件引入vue.js-->
<!--    <script src="../js/vue.js"></script>-->
<!--    在线引入vue.js-->
<!--    1.引入vue.js文件-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
</head>
<body>

<!--
    vue 可实现程序员不用操作dom对象 即可完成页面数据的渲染
-->

<!--初始化容器-->
<div id="app">

</div>



<script type="text/javascript">

    // 关闭vue的生产提示 有可能不生效  可以修改vue.js中的参数 productionTip = false
    Vue.config.productionTip = false

    //2.每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的
    const vm = new Vue({
        template:'<p>hello java2320</p>'
    })
    //3. 将vue实例和容器进行绑定
    vm.$mount('#app')
</script>
</body>
</html>
